<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>报文管理</title>
<link rel="stylesheet" type="text/css" href="../../../css/reset.css">
<link rel="stylesheet" type="text/css" href="../../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/icon.css">
<link rel="stylesheet" type="text/css"
	href="../../../css/colorReset.css" />
<style type="text/css">
.main {
	overflow: hidden;
}

.icons4WebService {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	overflow: hidden;
	background-image: url('../../../images/W.png');
}

.icons4Rest {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	overflow: hidden;
	background-image: url('../../../images/A.png');
}

.icons4Ftp {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	overflow: hidden;
	background-image: url('../../../images/F.png');
}

.left_menu {
	float: left;
	width: 22%;
	min-height: 410px;
	/*border:1px solid #95B8E7;*/
	background-color: #FFFFFF;
	overflow: hidden;
}

.tree_con {
	min-height: 340px;
	overflow: auto;
	margin: 0 auto;
	padding-top: 10px;
}

.menu_tit {
	margin-bottom: 0;
}

.search-con {
	background: #f0fbff;
	border-bottom: 1px solid #d1d8de;
	padding: 5px 0;
	line-height: 26px;
}

.search-con .text {
	width: 110px;
	height: 20px;
	line-height: 20px;
	border-radius: 0;
}

.left_menu .text {
	/*border: 1px solid #95B8E7;*/
	border: 1px solid #d3d8d9;
	padding: 2px 3px;
}

.right_con {
	float: right;
	width: 77%;
	min-height: 410px;
	position: relative;
	/*border:1px solid #95B8E7;*/
	background-color: #FFFFFF;
}

.right_con .menu_tit {
	text-align: center;
	padding: 0 0 0 10px;
}

.easyui-validatebox text {
	align: left;
}

.tree-node-selected {
	background: #ffe48d;
	color: #000000;
}

.interfaceDataAddTit {
	width: 505px;
	/*background-color:#efefef;*/
	background: -webkit-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: -moz-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: -o-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: linear-gradient(to bottom, #F9F9F9 0, #efefef 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,
		endColorstr=#efefef, GradientType=0);
}

.interfaceDataAddTit th {
	height: 25px;
	line-height: 25px;
	border: 1px solid #95B8E7;
	font-weight: bold;
	text-align: center;
}

.interfaceDataAdd {
	width: 505px;
	border: 1px solid #95B8E7;
	border-top: none;
}

.interfaceDataAdd td {
	padding: 2px;
	height: 28px;
	border: 1px solid #95B8E7;
	border-top: none;
	text-align: center;
}

.interfaceDataAdd .text_tit {
	width: 65px;
	border: 1px solid #95B8E7;
	padding: 2px 3px;
	text-align: center;
}

.confirm_title, .confirm_title_rep, .confirm_title_revise,
	.confirm_title_revise_rep {
	/* color: #436EEE; */
	/*background-repeat: repeat-x;
		border: 1px solid #bbb;
		background: #fafafa;
		background: -webkit-linear-gradient(top, #ffffff 0, #eeeeee 100%);
		background: -moz-linear-gradient(top, #ffffff 0, #eeeeee 100%);
		background: -o-linear-gradient(top, #ffffff 0, #eeeeee 100%);
		background: linear-gradient(to bottom, #ffffff 0, #eeeeee 100%);
		background-repeat: repeat-x;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee, GradientType=0);				    padding: 5px;*/
	background: url(../../images/btn_bg.png) left top repeat-x;
	height: 23px;
	line-height: 23px;
	color: #436EEE;
	filter: none;
	border: 1px solid #bbb;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	width: 50px;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.confirm_title:hover, .confirm_title_rep:hover, .confirm_title_revise:hover,
	.confirm_title_revise_rep:hover {
	background: #eaf2ff;
	color: #000000;
	border: 1px solid #b7d2ff;
	filter: none;
}

.change_title, .del_title {
	margin: 0 5px;
}

.table_add {
	max-height: 160px;
	width: 580px;
	overflow-y: auto;
}

.interfaceDataItemTit {
	width: 485px;
	margin: 10px auto 0 auto;
	/*background-color:#efefef;*/
	background: -webkit-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: -moz-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: -o-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: linear-gradient(to bottom, #F9F9F9 0, #efefef 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,
		endColorstr=#efefef, GradientType=0);
}

.interfaceDataItemTit th {
	height: 25px;
	width: 97px;
	line-height: 25px;
	border: 1px solid #95B8E7;
	font-weight: bold;
	text-align: center;
}

#interfaceDataItem {
	overflow-y: auto;
}

.interfaceDataItem {
	width: 485px;
	margin: 0 auto;
	border: 1px solid #95B8E7;
	border-top: none;
	margin: 0 auto 10px auto;
}

.interfaceDataItem td {
	padding: 2px;
	height: 28px;
	width: 97px;
	border: 1px solid #95B8E7;
	border-top: none;
	text-align: center;
}

.txtP {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80px;
}

.interfaceDataItem .txtP {
	width: 75px;
}

.txtPP {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 135px;
}

.interfaceDataItem .txtPP {
	width: 130px;
}
/*表格样式 */
.popup_con {
	height: 508px;
	width: 100%;
	border: 0px solid rgb(149, 184, 231);
	overflow-y: auto;
	margin: 0px auto 0px;
}

.popup_con .messageParam {
	width: 90%;
	height: 200px;
}

.popup_con ul li label {
	width: 150px;
}

.popup_con ul li.li_col {
	width: 800px;
}

#progressbar {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	background-color: #ffffff;
	/*background-color:#979797;*/
	z-index: 100;
}

#progressbar_tips {
	display: none;
	line-height: 30px;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 101;
}

#progressbar_tips p {
	padding: 0 0 0 495px;
}

#progressbar_tips img {
	display: block;
	margin: 225px auto 0 auto;
	width: 50px
}
</style>

</head>

<body>

	<div class="main">

		<div class="left_menu">
			<div class="menu_tit">领域系统结构</div>
			<div class="hidden search-con">
				<label for="systemName" style="margin-left: 10px;" class="fl">名称：</label>
				<input id="systemName" name="systemName" class="text fl" /> <a
					href="javascript:void(0);" id="searchNode" name="searchNode"
					class="default_btn fl" style="width: 60px; display: block">定位</a>
			</div>
			<div class="tree_con">
				<ul id="tt"></ul>
			</div>
		</div>


		<div class="right_con">
			<div id="interfaceInfo" class="menu_tit">接口基本信息</div>
			<form id="basicInfoForm">
				<div class="popup_con" style="">
					<ul
						style="border: 1px solid #95B8E7; height: 85%; margin-top: 30px; overflow-y: auto; width: 840px;">
						<li><label for="interfaceName" class="label"
							style="font-size: 15px; width: 150px;">接口名称：</label>
							<div class="input_con">
								<input id="interfaceId" name="interfaceId" style="display: none"
									class="easyui-validatebox text" tabindex="1" /> <input
									id="interfaceName" name="interfaceName" readonly="readonly"
									class="easyui-validatebox text" tabindex="1" data-options=""
									missingMessage="" invalidMessage="" />
							</div></li>
						<br />

						<li class="li_col"><label for="txtInterfaceData"
							class="label" style="font-size: 15px; margin-left: 60px;">请求参数：</label>
							<div class="input_con table_add">
								<table cellpadding="0" cellspacing="0"
									class="interfaceDataAddTit" style="width: 560px;">
									<tr>
										<th width="20%" style="display: none"></th>
										<th width="16.7%">名称</th>
										<th width="16.7%">类型</th>
										<th width="16.7%">是否必须</th>
										<th width="16.7%">默认值</th>
										<th width="16.7%">描述</th>
										<th width="16.7%">操作</th>
									</tr>
								</table>
								<table cellpadding="0" cellspacing="0" id="requestParam"
									class="interfaceDataAdd add" style="width: 560px;">
									<tr>
										<td width="16.7%" style="display: none"><input
											type="text" class="text" id="reqParamId" name="reqParamId" /></td>
										<td width="16.7%"><input type="text"
											class="text_tit easyui-validatebox" id="reqParameterName"
											name="reqParameterName"
											data-options="validType:'maxLength[50]'"
											invalidMessage="请求参数名称必须少于50个字符！" /></td>
										<td width="16.7%"><input type="text"
											class="text_tit easyui-combobox" id="comboxReqParameterType"
											name="comboxReqParameterType" /></td>
										<td width="16.7%"><input type="checkbox"
											class="text_tit " id="reqParameterIsMust"
											name="reqParameterIsMust" value="1" /></td>
										<td width="16.7%"><input type="text"
											class="text_tit easyui-validatebox"
											id="reqParameterDefaultValue" name="reqParameterDefaultValue"
											data-options="validType:'maxLength[50]'"
											invalidMessage="请求参数默认值必须少于50个字符！" /></td>
										<td width="16.7%"><input type="text"
											class="text_tit easyui-validatebox" id="reqParameterDes"
											name="reqParameterDes"
											data-options="validType:'maxLength[50]'"
											invalidMessage="请求参数描述必须少于50个字符！" /></td>
										<td width="16.7%"><a href="javascript:void(0);"
											class="confirm_title">确认</a></td>
									</tr>
								</table>
							</div></li>

						<li id="requestParamMsg" class="messageParam"><label
							for="txtInterfaceName" class="label"
							style="font-size: 15px; width: 150px;">请求参数报文：</label>
							<div class="input_con">
								<textarea id="requestParametersMsg"
									style="border: 1px solid #d3d8d9; width: 578px; height: 150px;"
									rows="7" cols="10"></textarea>
							</div></li>

						<li class="li_col"><label for="txtInterfaceData"
							class="label" style="font-size: 15px; margin-left: 60px;">返回参数：</label>
							<div class="input_con table_add">
								<table cellpadding="0" cellspacing="0"
									class="interfaceDataAddTit" style="width: 560px;">
									<tr>
										<th width="20%" style="display: none"></th>
										<th width="25%">参数名称</th>
										<th width="25%">参数类型</th>
										<th width="25%">参数描述</th>
										<th width="25%">操作</th>
									</tr>
								</table>
								<table cellpadding="0" cellspacing="0" id="responseParam"
									class="interfaceDataAdd add_rep" style="width: 560px;">
									<tr>
										<td width="20%" style="display: none"><input type="text"
											class="text" id="repParamId" name="repParamId" /></td>
										<td width="25%"><input type="text"
											class="text_tit easyui-validatebox" id="repParameterName"
											name="repParameterName"
											data-options="validType:'maxLength[50]'"
											invalidMessage="返回参数名称必须少于50个字符！" /></td>
										<td width="25%"><input type="text"
											class="text_tit easyui-combobox" id="comboxRepParameterType"
											name="comboxRepParameterType" /></td>
										<td width="25%"><input type="text"
											class="text_tit easyui-validatebox" id="repParameterDes"
											name="repParameterDes"
											data-options="validType:'maxLength[50]'"
											invalidMessage="返回参数描述必须少于50个字符！" /></td>
										<td width="25%"><a href="javascript:void(0);"
											class="confirm_title_rep">确认</a></td>
									</tr>
								</table>
							</div></li>


						<li class="messageParam"><label for="txtInterfaceName"
							class="label" style="font-size: 15px; width: 150px;">返回参数报文：</label>
							<div class="input_con">
								<textarea id="responesParametersMsg"
									style="border: 1px solid #d3d8d9; width: 578px; height: 150px;"
									rows="7" cols="10"></textarea>
								<br> <input style="margin-left: 230px; margin-top: 5px;"
									id="updateMsg" name="updateMsg" type="button"
									onclick="updateIfMsg()" class="default_btn" value="提交"></input>
							</div></li>

					</ul>
				</div>
			</form>
		</div>


		<!-- 接口请求数据项修改 -->
		<div id="interface_change" title="接口数据项修改">
			<div style="margin: 0 auto; padding: 20px;">
				<table cellpadding="0" cellspacing="0" class="interfaceDataAddTit"
					style="width: 580px;">
					<tr>
						<th width="20%" style="display: none"></th>
						<th width="17.3%">名称</th>
						<th width="13.9%">类型</th>
						<th width="12.2%">是否必须</th>
						<th width="15.8%">默认值</th>
						<th width="18.7%">描述</th>
						<th width="30%">操作</th>
					</tr>
				</table>
				<table cellpadding="0" cellspacing="0" id="requestReviseParam"
					class="interfaceDataAdd revise" style="width: 580px;">
					<tr>
						<td width="20%" style="display: none"><input type="text"
							class="text" id="reviseParamId" name="reviseParamId" /></td>
						<td width="18%"><input type="text"
							class="text_tit easyui-validatebox" id="reviseReqParameterName"
							name="reviseReqParameterName"
							data-options="validType:'maxLength[50]'"
							invalidMessage="请求参数名称必须少于50个字符！" /></td>
						<td width="14%"><input type="text"
							class="text_tit easyui-combobox"
							id="reviseComboxReqParameterType"
							name="reviseComboxReqParameterType" /></td>
						<td width="10%"><input type="checkbox" class="text_tit "
							id="reviseReqParameterIsMust" name="reviseReqParameterIsMust"
							value="1" /></td>
						<td width="16%"><input type="text"
							class="text_tit easyui-validatebox"
							id="reviseReqParameterDefaultValue"
							name="reviseReqParameterDefaultValue"
							data-options="validType:'maxLength[50]'"
							invalidMessage="请求参数默认值必须少于50个字符！" /></td>
						<td width="19%"><input type="text"
							class="text_tit easyui-validatebox" id="reviseReqParameterDes"
							name="reviseReqParameterDes"
							data-options="validType:'maxLength[50]'"
							invalidMessage="请求参数描述必须少于50个字符！" /></td>
						<td width="30%"><a href="javascript:void(0);"
							class="confirm_title_revise">确认</a></td>
					</tr>
				</table>
			</div>
		</div>


		<!-- 接口返回数据项修改 -->
		<div id="interface_change_rep" title="接口数据项修改">
			<div style="margin: 0 auto; padding: 20px;">
				<table cellpadding="0" cellspacing="0" class="interfaceDataAddTit">
					<tr>
						<th width="20%" style="display: none"></th>
						<th width="20%">参数名称</th>
						<th width="20%">参数类型</th>
						<th width="20%">参数描述</th>
						<th width="20%">操作</th>
					</tr>
				</table>
				<table cellpadding="0" cellspacing="0" id="responseReviseParam"
					class="interfaceDataAdd revise">
					<tr>
						<td width="20%" style="display: none"><input type="text"
							class="text" id="reviseRepParamId" name="reviseRepParamId" /></td>
						<td width="20%"><input type="text"
							class="text_tit easyui-validatebox" id="reviseRepParameterName"
							name="reviseRepParameterName"
							data-options="validType:'maxLength[50]'"
							invalidMessage="返回参数名称必须少于50个字符！" /></td>
						<td width="20%"><input type="text"
							class="text_tit easyui-combobox"
							id="reviseComboxRepParameterType"
							name="reviseComboxRepParameterType" /></td>
						<td width="20%"><input type="text"
							class="text_tit easyui-validatebox" id="reviseRepParameterDes"
							name="reviseRepParameterDes"
							data-options="validType:'maxLength[50]'"
							invalidMessage="返回参数描述必须少于50个字符！" /></td>
						<td width="20%"><a href="javascript:void(0);"
							class="confirm_title_revise_rep">确认</a></td>
					</tr>
				</table>
			</div>
		</div>

		<table cellpadding="0" cellspacing="0" class="interfaceData"
			style="position: absolute; z-index: -1; left: -9999px">
			<tr>
				<td width="20%">reqParamId</td>
				<th width="20%">reqParameterName</th>
				<th width="20%">comboxReqParameterType</th>
				<th width="20%">reqParameterIsMust</th>
				<th width="20%">reqParameterDefaultValue</th>
				<th width="20%">reqParameterDes</th>
			</tr>
		</table>

		<table cellpadding="0" cellspacing="0" class="interfaceData_rep"
			style="position: absolute; z-index: -1; left: -9999px">
			<tr>
				<th width="20%">repParamId</th>
				<th width="20%">repParameterName</th>
				<th width="20%">comboxRepParameterType</th>
				<th width="20%">repParameterDes</th>
			</tr>
		</table>

	</div>

	<div id="progressbar"></div>
	<div id="progressbar_tips">
		<img src="../../../images/progressbar.gif" alt="" />
		<p>
			正在处理中，请稍候<span id="progressbar_point"></span>
		</p>
	</div>

	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript"
		src="../../../js/cook/jquery.tabletojson.js"></script>
	<script type="text/javascript" src="../../../js/cook/constants.js"></script>
	<script type="text/javascript" src="../../../js/cook/public.js"></script>
	<script type="text/javascript" src="../../../js/cook/FormValidate.js"></script>
	<script type="text/javascript"
		src="../../../js/esb/MessageManagement/messageManagement.js"></script>

	<script type="text/javascript">
		$(".left_menu, .right_con").css("height",
				($("body").height() - 25) + "px");
		$(".tree_con").css("height", ($("body").height() - 95) + "px");
		
		
	</script>
</body>
</html>